/* ============================== DEFAULT HTML ============================== */
@font-face {
    font-family: Crushed;
    src: url(../fonts/Crushed.ttf)
}
html, body {
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
body {
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	background: #000 url(../images/bg.jpg) repeat-x left top;
	color: #848484;
}
hr {
	border-left: none;
	border-right: none;
    border-top: 1px solid #E5E5E5;
    color: #F4F4F4;
    margin: 20px 0;
    padding: 0;
}

.contact-title{
	border-bottom: 3px solid #5A5D5F;
	font-size: 22px;
	color: #3D3D3D;	
}
.contact-text{
	position: relative;	
	color: #313131;
	font-size: 1.2em;
	background: url(../images/pt5.jpg) left top;
}
.success-text{
	font-size:12px;
	color: green;
}
.error-text{
	font-size:12px;
	color: red;
}

/* =============== DEFAULT HTML - LINK STYLES =============== */
a {
	text-decoration: none;
	outline: none;
	color: #fff;
}
a img {
	border: none;
}
a.viewall {
	float: right;
}
/* =============== DEFAULT HTML - HEADING STYLES =============== */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
/* =============== DEFAULT HTML - LIST STYLES =============== */
ul, ul li,
ol, ol li,
p, form, input {
	margin: 0;
	padding: 0;
}
ul, ul li {
	list-style: none;
}
/* =============== DEFAULT HTML - IMAGES STYLES =============== */
img {
	border: none;
}
img.image-border {
    border: 1px solid #D2D2D2;
    padding: 3px;
}
img.image-left {
	float: left;
	margin-right: 5px;
}
img.img-full-width {
	width: 100%;
}
/* ============================== LAYOUT ============================== */
/* =============== LAYOUT - GENERAL LAYOUT =============== */
.clearafter:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}
.clearbreak {
	clear: both;
}
.content-center {
	text-align: center;
}
#master {
	background: url(../images/bodybg.png);
}
#top_inner,
#toolbar_inner,
#header_inner,
#viewvideo_inner,
#content_inner,
#footer_inner {
	width: 960px;
	margin: 0 auto;
}
.left {
	float: left;
}
.right {
	float: right;
}
/* =============== LAYOUT - TOP AREA =============== */
#top {
	background: #5A5D5F url(../images/bg-top.png) repeat-x left bottom;
	font-family: "Crushed",Arial, Helvetica, sans-serif;
}
#logo {
	float: left;
}
#logo img {
	height: 40px;
	margin-top: 10px;
}
/* =============== LAYOUT - HEADER AREA =============== */
#header {
	position: relative;
	padding: 15px 0 20px;
	background: url(../images/pt5.jpg) left top;
}
#toolbar {
	padding: 8px 0;
	background: url(../images/bg-toolbar.jpg) repeat-x left bottom;
}
#toolbar_inner1 {
	text-align: center;
}
#search form {
	background: url(../images/bg-searchinput.png) left top no-repeat;
	padding: 0 10px 0 28px;
	width: 165px;
	height: 28px;
}
#search form input {
	border: none;
	font-size: 15px;
	color: #999;
	height: 27px;
	width: 100%;
	background: none;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	   		border-radius: 2px;
}
#social-icons,
#search {
	display: inline-block;
	margin-right: 20px;
	position: relative;
}
#search {
	top: -4px;
}
#social-icons {
	top: 4px;
}
/* =============== LAYOUT - CONTENT AREA =============== */
#content {
	background: #F3F3F3;
}
#content_inner {
	padding: 10px 0;
}
#content_inner h3.button,
#content_inner h3.button:visited  {
	display: block;
	margin: 0 10px;
}
#leftsidecontent {
	float: left;
	width: 69%;
}
#rightsidecontent {
	float: right;
	width: 30%;
}
#rightsidecontent_inner {
	padding: 10px;
	background: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	 -khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
			box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.block {
	background: #fff;
	margin-bottom: 20px;
	padding-top: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	 -khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
			box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.video-listing {
	padding: 5px;
}
.video-listing .video-items {
	float: left;
	width: 33.3%;
}
.error-items{
	padding-left:20px;
	padding-right:20px;	
}
.video-listing .video-items a {
	color: #333;
	display: inline-block;
}
.video-listing .video-items a.link-image-scale {
	width: 195px;
	height: 110px;
	overflow: hidden;
}
.video-listing .video-items .video-items_inner {
	border: 1px solid #EEEEEE;    
    margin: 5px;
    padding: 5px;
    text-align: center;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	   		border-radius: 5px;
}
.video-listing .video-items .video-items_inner a.image-resize {
	height: 110px;
	overflow: hidden;
}
.video-listing .video-items .video-items_inner h3.video-title {
	font-size: 12px;
	line-height: 14px;
	margin: 10px 0;
}
.video-listing .video-items .video-items_inner h3.video-title a {
	color: #B01E33;
}
.video-listing .video-items .video-items_inner img {
	width: 100%;
}
.video-listing .video-items .video-items_inner .metadata {
	font-size: 11px;
	min-height: 32px;
}
.video-listing .video-items .video-items_inner .metadata a:hover {
	text-decoration: underline;
}
.video-listing .video-items .video-items_inner:hover .metadata a {
	color: #1C62B9;
}
.video-listing .video-items .video-items_inner .preview {
	text-align: center;
	margin: 5px 0;
}
.video-listing .video-items .video-items_inner .preview a {
	margin-left: 5px;	
}
.video-listing .video-items .video-items_inner .preview a span {
	color: #fff;
}
/* =============== LAYOUT - FOOTER AREA =============== */
#footer_inner {
	padding: 20px 0;
}
.copyright {
	float: left;
}
.powered {
	float: right;
}
.powered a {
	background: url(../images/powered_by_youtube.png) no-repeat;
	width: 75px;
	height: 49px;
	display: block;
}
.powered a:hover {
	background-position: 0 -51px; 
}
/* ============================== MENU ============================== */
ul#mainmenu {
	float: right;	
}


ul#mainmenu > li {
	float: left;
	border-left: 1px solid #323232;
	position: relative;
	z-index: 10;
}

ul#mainmenu > li > a {
	display: block;
	border-left: 1px solid #777;
	color: #fff;
	padding: 17px;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

ul#mainmenu > li:hover ul {
	display: block;
}

ul#mainmenu > li ul li {
	padding: 8px 15px;
}

ul#mainmenu > li ul li:hover {
	background: #323232;
}

ul#mainmenu > li ul li a {
	display: block;
}

ul#mainmenu > li ul {
	position: absolute;
	display: none;
	width: 188px;	
	background: #404345;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
/*=============================Tube Detail===========================*/
.addTubeInfor {
	background: #fff;
	border: 2px dashed #5B74A8;
	display: table;
	text-align: center;
	margin: 10px auto;
}
.addTubeInfor > div {
	background: #fff;
	display: table-cell;
	vertical-align: middle;	
	width: 100%;
}
.addTubeInfor > div > a {
	color: #5B74A8;	
}
.roundBox .addTubeInfor:first-child {
	margin-top: 0;
}
.roundBox .addTubeInfor:last-child {
	margin-bottom: 0;
}
.addTubeInfor.adv-468x60 {
	width: 468px;
	height: 60px;
}
/* ============================== ADV ============================== */
.advWrap {
	background: #fff;
	border: 2px dashed #ca0000;
	display: table;
	text-align: center;
	margin: 0 auto 20px;
}
.advWrap > div {
	background: #fff;
	display: table-cell;
	vertical-align: middle;	
}
.advWrap > div > a {
	color: #ca0000;
}
.advWrap.adv-728x90 {
	width: 728px;
	height: 90px;
	margin: 0 auto 20px;
}
.advWrap.adv-468x60 {
	width: 468px;
	height: 60px;
}
.advWrap.adv-250x250 {	
	width: 250px;
	height: 250px;
	margin-bottom: 10px;	
}
.advWrap.adv-336x280 {	
	width: 336px;
	height: 280px;
	margin: 0 auto;	
}
/* ============================== BUTTON STYLE ============================== */
.button,
.button:visited {
	background: #222 url(../images/overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;	
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   		border-radius: 3px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	 -khtml-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
			box-shadow: 0 1px 3px rgba(0,0,0,0.6);		
}
.button:hover {
	background-color: #111;
	color: #fff;
}
.pink.button,
.pink.button:visited {
	background-color: #e22092;
}
.pink.button:hover {
	background-color: #c81e82;
}
.green.button,
.green.button:visited {
	background-color: #91bd09;
}
.green.button:hover {
	background-color: #749a02;
}
.red.button,
.red.button:visited {
	background-color: #e62727;
}
.red.button:hover {
	background-color: #cf2525;
}
.orange.button,
.orange.button:visited {
	background-color: #ff5c00;
}
.orange.button:hover {
	background-color: #d45500;
}
.blue.button,
.blue.button:visited {
	background-color: #2981e4;
}
.blue.button:hover {
	background-color: #2575cf;
}
.yellow.button,
.yellow.button:visited {
	background-color: #ffb515;
}
.yellow.button:hover {
	background-color: #fc9200;
}
/* ============================== ICON SET ============================== */
[class*="icon-"] {
	display: inline-block;
	padding-left: 22px;
	background: url(../images/iconset.png) no-repeat 0 0;
}
.icon-trash {
	background-position: 0 0;
}
.icon-monitor {
	background-position: 0 -86px;
}
.icon-add {
	background-position: 0 -172px;
}
.icon-heart {
	background-position: 0 -258px;
}
.icon-pencil {
	background-position: 0 -344px;
}
.icon-setting {
	background-position: 0 -430px;
}
.icon-clock {
	background-position: 0 -516px;
}
.icon-cross {
	background-position: 0 -602px;
}
.icon-security {
	background-position: 0 -688px;
}
.icon-security1 {
	background-position: 0 -774px;
}
.icon-group {
	background-position: 0 -860px;
}
.icon-group1 {
	background-position: 0 -946px;
}
.icon-image {
	background-position: 0 -1032px;
}
.icon-image1 {
	background-position: 0 -1118px;
}
.icon-gear {
	background-position: 0 -1204px;
}
.icon-gear1 {
	background-position: 0 -1290px;
}
.icon-diskette {
	background-position: 0 -1376px;
}
.icon-delete {
	background-position: 0 -1462px;
}
.icon-repeat {
    background-position: 0 -1548px;
}
.icon-embed {
    background-position: 0 -1634px;
}
[class*="icon-star-"] {
	display: inline-block;
	padding-left: 24px;
	line-height: 24px;
	background: url(../images/icon-star.png) no-repeat 0 0;
}
.icon-star-grey {
	background-position: 0 0;
}
.icon-star-grey:hover {
	background-position: 0 -94px;
}
.icon-star-orange {
	background-position: 0 -94px;
}
.icon-star-black {
	background-position: 0 -188px;
}
/* ============================== BOX STYLE ============================== */
div[class*="box-"] {
	margin-bottom: 10px;
	color: #fff;
}
aside > *:last-child,
div[class*="box-"] .box-content {
	margin-bottom: 0;
}
div[class*="box-"] > h3.title {
	background: url(../images/bg_moduletable_h3.png) right top no-repeat;
	padding: 8px 10px;
	text-transform: uppercase;
}
div[class*="box-"] .box-content ul.item-listing li {
	padding: 10px;
	border-bottom: 1px solid #fff;
}
.box-content ul.item-listing li .description {
	float: left;
	width: 58%;
}
.box-content ul.item-listing li a.link-image-scale {
	float: right;
	width: 35%;
	overflow: hidden;
	padding: 3px;
	border: 1px solid #ddd;
	display: inline-block;
}
.box-content ul.item-listing li a.link-image-scale span {
	display: block;
	max-height: 50px;
	overflow: hidden;
}
.box-content ul.item-listing li a.link-image-scale span img {
	width: 100%;
}
.box-content ul.item-listing li span.view-today {
	color: #FFED56;
}
/* =============== BOX BLUE =============== */
div.box-blue h3.title {
	background: url(../images/bg_moduletable_h3_blue.png) right top no-repeat;
	color: #50A0CC;
}
div.box-blue .box-content ul.item-listing li {
	background: #65B8D8 url(../images/news_show_blue_bg.png) left bottom repeat-x;	
}
div.box-blue .box-content ul.item-listing li:hover {
	background-image: url(../images/news_show_blue_bg_hover.png);
	background-color: #63b4d7;
}
/* =============== BOX GREEN =============== */
div.box-green h3.title {
	background: url(../images/bg_moduletable_h3_green.png) right top no-repeat;
	color: #87B90A;
}
div.box-green .box-content ul.item-listing li {
	background: #96CF09 url(../images/news_show_green_bg.png) left bottom repeat-x;	
}
div.box-green .box-content ul.item-listing li:hover {
	background-image: url(../images/news_show_green_bg_hover.png);
	background-color: #93ca09;
}

/* ============================== TAGS ============================== */
.tags {
	margin-bottom: 10px;
}
.tags h3.title {
	padding: 5px 0;
	margin-bottom: 10px;
	text-transform: uppercase;
	border-bottom: 3px solid #5F9FCB;	
}
.tags ul {
	text-align: center;
}
.tags ul li {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 3px 5px;
	margin-bottom: 5px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   		border-radius: 3px;
}
.tags ul li a {
	color: #5F9FCB;
	font-size: 14px;
}
.tags ul li a:hover {
	color: #FF5C00;
}
.tags.video-tags ul {
	text-align: left;
}
.video-tags h3 {
	margin-bottom: 5px;
}
/* ============================== DETAIL PAGE ============================== */
h1.watch-headline-title {
	font-size: 24px;
	font-weight: 200;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	color: #5d5d5f;	
}
#video .watch-player {
	float: left;
	width: 69%;
}
#video .related-video {
	float: right;
	width: 30%;
	float: right;
	height: 371px;
	overflow-y: auto;
}
#video .related-video ul {
	padding-right: 5px;
}
#video .related-video ul li {
	margin-bottom: 8px;
	overflow: hidden;
	color: #333;
}
#video .related-video ul li a,
#video .related-video ul li a span {
	color: #333;
	overflow: hidden;
}
#video .related-video ul li > span,
#video .related-video ul li a span {
	display: block;	
}
#video .related-video ul li a span.thumb-image-wrap {
	display: inline-block;
	float: left;
	margin-right: 8px;	
	position: relative;
}
#video .related-video ul li a span.video-thumb {
	width: 120px;
	height: 67px;
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
	position: relative;
}
#video .related-video ul li a span.thumb-clip {
	bottom: -100px;
    left: -100px;
    position: absolute;
    right: -100px;
    text-align: center;
    top: -100px;
    white-space: nowrap;
}
#video .related-video ul li a span.thumb-clip_inner {
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#video .related-video ul li a span.thumb-clip img,
#video .related-video ul li a span.thumb-clip .vertical-align {
	display: inline-block;
    vertical-align: middle;
}
#video .related-video ul li a span.thumb-clip .vertical-align {
	height: 100%;
}
#video .related-video ul li a span.title {
	color: #333;
	font-size: 13px;
    font-weight: bold;
    line-height: 15px;
	max-height: 30px;
	overflow: hidden;
}
.video-info > div.left {
	float: left;
	width: 50%;
}
.video-info > div.right {
	float: right;
	width: 46%;
}
.video-info > div > div {
	margin: 15px 0;
}
.video-info .video-comment ul.comment-listing {
	margin-top: 15px;
}
.video-info .video-comment ul.comment-listing li {
	margin: 8px 0;
	padding: 8px 0;
	border-bottom: 1px solid #ccc;
}
.video-info .video-comment ul.comment-listing img {
	float: left;
	display: block;
	width: 7%;
}
.video-info .video-comment ul.comment-listing li > div {
	float: right;
	width: 90%;
}
.video-info .video-comment ul.comment-listing li .author-name {
	margin-top: 5px;
}
.video-info .video-comment ul.comment-listing li .author-name span {
	display: inline-block;
	margin-right: 20px;
}
.video-info .video-comment ul.comment-listing li .author-name a {
	color: #5F9FCB;
}
/* ============================== AUTHOR PAGE ============================== */
#authorPage .authorListing {
	padding: 10px;
}
#authorPage .authorListing li {	
	float: left;
	width: 47%;
	margin: 0 3% 10px 0;
}
#authorPage .authorListing li a {
	color: #B01E33;	
}
#authorPage .authorListing li h4 {
	line-height: 60px;
}
#authorPage .authorListing li img {	
	width: 50px;
	padding: 3px;
	border: 1px solid #eee;
	margin-right: 10px;
	border-radius: 2px;
}
/* ============================== PAGINATE ============================== */
ul.paginate li {
	display: inline-block;
}
ul.paginate li a {
	color: #555;
	display: inline-block;
	text-shadow: 0 1px 0 #fff;
	border: 1px solid #ccc;
	background-color: #e0e0e0;
	padding: 5px 10px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffe0e0e0);
	background-image: -moz-linear-gradient(top,#fff 0,#e0e0e0 100%);
	background-image: -ms-linear-gradient(top,#fff 0,#e0e0e0 100%);
	background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e0e0e0));
	background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
	background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);	
			box-shadow:inset 0 0 1px #fff;
	-webkit-box-shadow: inset 0 0 1px #fff;	
	   -moz-box-shadow: inset 0 0 1px #fff;
		-ms-box-shadow: inset 0 0 1px #fff;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   		border-radius: 3px;				
}
ul.paginate li a:hover,
ul.paginate li a.current {
	color: #E62727;
}
/* ============================== MESSAGE STYLE ============================== */
div[class*="messagebox-"] {
	padding: 10px 10px 10px 50px;
	margin: 10px 0;	
	background: #747474 15px center no-repeat;
	font-weight: bold;
}
div.messagebox-success {
	background-image: url(../images/icon-success.png);
	color: #b3ff59;
}
div.messagebox-warning {
	background-image: url(../images/icon-warning.png);
	color: #fff476;
}
div.messagebox-error {
	background-image: url(../images/icon-error.png);
	color: #ffb3a6;
}
div.messagebox-info {
	background-image: url(../images/icon-info.png);
	color: #a6d2ff;
}
div.messagebox-note {
	background-image: url(../images/icon-note.png);
	color: #fdffd6;
}
/* ============================== LIGHTBOX BACKGROUND COLORS VIDEO ============================== */
.colors {
	position: fixed;
	z-index: 9999;
	background: #4A4F56;
	top: 0;
	left: 0;
	opacity: 0.3;	
}
.colors:hover{	
	opacity: 0.6;	
}
.colors_inner {
	width: 440px;
	margin: 5px auto;
	background: red;
	height: 24px;
	background: url(../images/bg-changecolor-preview.png) no-repeat;
}
.colors_inner > div {
	cursor: pointer;
    float: left;
    height: 24px;
    margin-left: 20px;
    overflow: hidden;
    width: 24px;
}
body.c1 .fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 0 90px 5px #fff;
	   -moz-box-shadow: 0 0 90px 5px #fff;
	        box-shadow: 0 0 90px 5px #fff;
}
body.c2 .fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 0 90px 5px #D9BF8C;
	   -moz-box-shadow: 0 0 90px 5px #D9BF8C;
	        box-shadow: 0 0 90px 5px #D9BF8C;
}
body.c3 .fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 0 90px 5px #8CBFF3;
	   -moz-box-shadow: 0 0 90px 5px #8CBFF3;
	        box-shadow: 0 0 90px 5px #8CBFF3;
}
body.c4 .fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 0 90px 5px #BFA6D9;
	   -moz-box-shadow: 0 0 90px 5px #BFA6D9;
	        box-shadow: 0 0 90px 5px #BFA6D9;
}
body.c5 .fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 0 90px 5px #A6FF66;
	   -moz-box-shadow: 0 0 90px 5px #A6FF66;
	        box-shadow: 0 0 90px 5px #A6FF66;
}
body.c6 .fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 0 90px 5px #6B8816;
	   -moz-box-shadow: 0 0 90px 5px #6B8816;
	        box-shadow: 0 0 90px 5px #6B8816;
}
body.c7 .fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 0 90px 5px #A11717;
	   -moz-box-shadow: 0 0 90px 5px #A11717;
	        box-shadow: 0 0 90px 5px #A11717;
}
body.c8 .fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 0 90px 5px #D2B58D;
	   -moz-box-shadow: 0 0 90px 5px #D2B58D;
	        box-shadow: 0 0 90px 5px #D2B58D;
}
body.c9 .fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 0 90px 5px #CCE2E6;
	   -moz-box-shadow: 0 0 90px 5px #CCE2E6;
	        box-shadow: 0 0 90px 5px #CCE2E6;
}
body.c10 .fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 0 90px 5px #D4CFE5;
	   -moz-box-shadow: 0 0 90px 5px #D4CFE5;
	        box-shadow: 0 0 90px 5px #D4CFE5;
}
/* =============== ABOUT US =============== */
.aboutus {
    padding: 10px;
}
.aboutus a {
    color: #0084B4;
}
.aboutus h3 {
    border-top: 1px solid #E0EEF5;
    font-size: 16px;
    margin-top: 14px;
    padding-top: 24px;
}
.search-error {
	padding: 10px;
	color: red;
}